<template>
  <div>
    <ul>
      <li v-for="item in users" :key="item.id">{{ item.name }}</li>
    </ul>
  </div>
</template>

<script>
// 在setup中的生命周期函数它都是一个个的钩子函数，它可以调用N次，而且它如果和配置式选项中的生命周期同时存在，它会先执行
// import { ref, onMounted } from 'vue'
// import { get } from './utils/request'

import useUserList from './hooks/useUserList'

export default {
  setup() {
    // const users = ref([])
    // onMounted(() => {
    //   get('/api/users').then((ret) => {
    //     users.value = ret.data
    //   })
    // })
    const [users] = useUserList(1)

    return {
      users
    }
  }
}
</script>

<style lang="scss"></style>
